import pinia from '@/store'
import useUserStore from '@/store/modules/user'
//引入大仓库的时的使用方法
let userStore = useUserStore(pinia)
//依据用户权限来决定是否显示按钮
export const isHasButton = (app: any) => {
  //定义全局自定义指令：实现按钮的权限
  app.directive('has', {
    //mounted 是 Vue 自定义指令的一个钩子函数,onMounted只能在 setup 函数内部使用，是专门为组件设计的生命周期钩子。
    mounted(el: any, option: any) {
      //el代表使用了自定义指令的元素，option代表元素内部的值
      if (!userStore.buttons.includes(option.value)) {
        el.parentNode.removeChild(el)
      }
    },
  })
}
